
/* theme color */
$--color-primary: #1ae1e6;
$--color-success: #13ce66;
$--color-warning: #FFBA00;
$--color-danger: #ff4949;
$--color-yuanqu: #1ae1e6;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;

$--table-border: 1px solid#dfe6ec;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-yuanqu;
}
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}
.el-drawer__header {
  height: 0;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}
.el-drawer__close-btn {
  position: absolute;
  height: 57px;
  width: 27px;
  background: transparent;
  top: 0;
  left: -27px;
  overflow: hidden;
  i {
    position: relative;
    right: -2px;
    top: -5px;
    z-index: 2;
    font-size: 15px;
    &:hover {
      color: #1ae1e6;
    }
  }
  &::after {
    content: '';
    display: block;
    box-sizing: content-box;
    width: 20px;
    height: 24px;
    background: transparent;
    border-left: 26px solid transparent;
    border-top: 13px solid transparent;
    border-right: 26px solid #fff;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 0;
    left: -44px;
    z-index: 1;
  }
}

.drawerCloseTip {
  width: 30px;
  height: 50px;
  position: absolute;
  cursor: pointer;
  left: -30px;
  top: 0;
  background: url('../assets/closeBtn.png') no-repeat;
  background-size: 100%;
}
.drawerTitle {
  padding: 0 20px;
  font-size: 16px;
  //border-bottom: 1px solid #cccccc;
}
.rolesDrawer .el-avatar,
.el-drawer {
  overflow: inherit;
}

.rolesDrawer .el-drawer__body {
  overflow: auto;
}

.dialog-reset .el-dialog__header {
  background: #fafafa;
  padding-top: 17px;
  padding-bottom: 15px;
}

.dialog-reset .el-dialog__title {
  font-size: 16px;
}

.el-tooltip__popper.is-dark {
  max-width: 500px !important;
}